<!-- index.html -->
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Electron + 高德地图</title>
  <style>
    #map-container {
      width: 100%;
      height: 600px; /* 必须设置尺寸，否则地图无法显示 */
    }
  </style>
</head>
<body>
  <!-- 地图容器 -->

  <div id="map_toolbar">
    <input type="text" id="txtSearchKeyword" placeholder="请输入搜索内容">
    <button id="btnKeywordSearch">搜索</button>
    <button id="btnRangleTool">测距工具</button>
    <button id="btnDrawLine">划线工具</button>
    <button id="btnRoadSearch">路径规划</button>
    <button id="btnTrackPlay">轨迹回放</button>
  <div id="map-container"></div>

  <!-- 引入高德地图 JS SDK（替换为你的 API Key） -->
  <script src="https://webapi.amap.com/maps?v=2.0&key=ce3420016d75929aa1caf512ac5954c9"></script>
  <script src="./map_renderer.js"></script> <!-- 渲染进程逻辑 -->
</body>
</html>